@import url('../lib/font-awesome.min.css');

body {
        margin: 0px;
        padding: 0px;

	font-size: 14pt;
        text-align: center;
}

#vendor-menu {
  margin-right: 100px;
}

#vendor-name {
  margin: 0px;
  cursor: pointer;
}

.dropdown {
  margin: 0px;
  display: none;
}

#workbench-tool {
  text-align: right;
  margin: 20px;
}

.footer {
  margin-top: 120px;
}

/*
 * 重新设计应用卡片
 */

.vendor-app-card {
  width: 900px;
  margin-left: auto;
  margin-right: auto;

  background-color: white;
}

.vendor-app-card .app-title {
  font-size: 14pt;
  font-weight: bold;

  display: inline-block;
  margin: 5px;
}

.vendor-app-card .app-info {
  font-size: 12pt;
}

.vendor-app-card img {
  float: left;
  width: 128px;
  height: 128px;
}

.vendor-app-card i {
  font-size: 12px;
  margin-left: 20px;
}

/*
 * 上传app
 */
#vendor-upload-app-card-grid {
  font-size: 12pt;
  display:inline-block;
  position:relative;
  margin:50px;
  padding:20px;
  background:#fafafa;
  box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
  -moz-border-radius:4px;
  border-radius:4px;
  color:rgba(0,0,0, 0.8);

  min-height: 200px;
  width: 80%;
}
.unchecked{
  padding: 6px 6px 6px 6px;
  background-color: white;
  border: 1px solid #286090;
  color: #286090;

  cursor:pointer;
}
.checked{
  #border: 2px solid #c00;
  background-color: #286090;
  color: white;
  padding: 7px 6px 7px 6px;
  cursor:pointer;
}

.vendor-card-div {
  float: left;
  clear: both;
  margin: 10px 0; 
}

.category-list {
  float: right;
  width: 800px;
  text-align: left;
}

.category-list span {
  display: inline-block;
  margin: 5px;
}

.vendor-card-input {
  min-height: 30px;
  min-width: 300px;
}

.pointer {
  cursor:pointer;
}

/* 搜索框：模仿谷歌风格 */
.input-thin {
	float: right;
	margin-right: 250px;

        width: 280px;
        height: 22px;
        line-height: 22px;
        font-size: 11pt;
	color: gray;

	border: 1px solid #ccc;
	padding: 7px 0px;
	border-radius: 3px;
	padding-left:5px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.input-thin:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.app-comment-input {
	display: inline-block;
	margin-right: 0px;
	margin-bottom: 10px;
	background-color: white;

        width: 100%;
        line-height: 24px;
        font-size: 11pt;
	color: gray;
    	overflow-x: hidden;
    	overflow-y: auto;
	text-align: left;
	border-radius: 5px;
	float: none;
	height: auto;
	min-height: 30px;
}

.app-comment-input:empty:before {
        content: attr(placeholder);   
        color: #CFCFCF;
}	

.app-comment-input:focus:before{
	content: none;
}

.loader-img {
  width: 145px;
  height: 20px;
}

#stateDomain {
  font-size: 9pt;
  color: red;
}

.app-file-attribute {
  float: left;
  margin-top: 25px;
}

.app-icon {
  width: 150px;
  height: 150px;
  #border: 1px dashed #000;
  margin-bottom: 50px;


  background-color: #efefef;
  -webkit-box-shadow:0 0 10px #bbb;
  -moz-box-shadow:0 0 10px #bbb;
  box-shadow:0 0 10px #bbb;
}

.vendor-app-attribute {
  display: inline-block;
  width: 80px;
}

.longdesc-div {
  width: 100%;
  text-align: left;
}

.app-screen {
  width: 150px;
  height: 150px;
  margin: 0 8px;
  float: left;

  background-color: #efefef;
  -webkit-box-shadow:0 0 10px #bbb; 
  -moz-box-shadow:0 0 10px #bbb; 
  box-shadow:0 0 10px #bbb; 
}

.vendor-app-file-div {
  width: 100%;
  margin-top: 50px;
  background-color: #efefef;
  padding: 10px;
}

.vendor-app-file-upload {
  width: 94px;
  height: 25px;
  float: left;
  border-radius: 4px;
  margin: 30px;
}

.vendor-app-file-attribute {
  clear:both;
  text-align: left;
  margin: 10px 0;
}

.version {
  display: inline-block;
  width: 149px;
}

.perform {
  clear: both;
  display: block;
  text-align: right;
}

.textleft {
  text-align:left;
}

.spancolor {
  color:#888888;
  font-size:15px;
}

.app-filename-fontsize {
  font-size:20px;
  font-weight:bold;
}

.app-category-fontsize {
  font-size:16px;
  font-weight:bold;
}

.imgsize {
  width:128px;
  height:128px;
}

.installboder {
  border-bottom:1px solid #000
}

.appofftheshelf {
  width:80px;
  font-text:center;
}

.tdwidth{
  width:110px;
}

.tdwidthstatus{
  width:130px;
}

.tdwidthname{
  width:220px;
}

.tdwidthcategory{
  width:90px;
}

.tdwidthdefult{
  width:300px;
}

.hrstyle{
  height:1px;
  border:none;
  border-top:1px solid #555555;
}
.os-list {
  width: 540px;
  height: 35px;
  float: right;
  line-height: 35px;
}
